<template>
		<view class="">
			<u-navbar back-text="" :title="title" :background="background" title-color='#FFF' back-icon-color='#FFF' style='border-bottom: none;'></u-navbar> 
			<view class="">
				<view class="sub_info">
					<u-form :model="form" ref="uForm">
						<u-form-item  label-width='auto' label="申请退款金额：">
							<u-input placeholder="填写退款订单金额" v-model="form.money" />
						</u-form-item>
						<u-form-item   label-width='auto' label="联系电话">
							<u-input  placeholder="填写联系电话" v-model="form.mobile" />
						</u-form-item>
						<!-- <u-form-item   label-width='auto' label="服务时间"> -->
						
							
						<!-- </u-form-item> -->
						<u-form-item label-width='auto'     label="退款原因">
							<u-input placeholder="填写退款原因"  v-model="form.refund" :type="type" :border="border" :height="height" :auto-height="autoHeight"/>
						</u-form-item>
						<u-button type="error" class="btn">提交</u-button>
					</u-form>
				</view>
				
			</view>
			
		</view>
</template>

<script>
	export default {
		data() {
			return {
				background:{
					backgroundColor: '#19BE6B',
					backgroundSize: 'cover',
					backgroundImage: 'linear-gradient(45deg, rgb(28, 187, 180), rgb(141, 198, 63))',
					
					
				},
				title:this.title,
				form: {
					money: '',
					mobile: '',
					refund: ''
				},	
				type: 'textarea',
				border: true,
				height: 150,
				autoHeight: true,				
			}
		},
		onLoad(options){
			this.title=options.name;
			console.log(options.name)
		},
		methods:{
			
		}
}
</script>

<style>
	.sub_info{
		background-color: #FFFFFF;
		margin-top: 10rpx;
		padding-left: 25rpx;
		padding-right: 25rpx;
	}
	.btn{
		margin-top: 50rpx;
	}
</style>
